html,body{
    height: 100%;
}

/*------pager-----------*/
.app-pager{width:390px;height:20px;}
.app-pager .app-pager-first{border:1px solid #a1a1a1;margin: 0 2px;width:30px;height:20px;float:left;text-align:center;line-height:18px;border-radius:3px;cursor:pointer;font-size:18px;color:#000;}
.app-pager .app-pager-last{border:1px solid #a1a1a1;width:30px;height:20px;float:left;text-align:center;line-height:18px;border-radius:3px;cursor:pointer;font-size:18px;color:#000;}
.app-pager .app-pager-previous{border:1px solid #a1a1a1;width:30px;height:20px;float:left;text-align:center;line-height:18px;border-radius:3px;cursor:pointer;font-size:18px;color:#000;}
.app-pager .app-pager-next{border:1px solid #a1a1a1;margin: 0 2px;width:30px;height:20px;float:left;text-align:center;line-height:18px;border-radius:3px;margin-left:5px;cursor:pointer;font-size:18px;color:#000;}
.app-pager .app-pager-jump{width:30px;height:20px;float:left;line-height: 15px;}
.app-pager .app-pager-jump input{width:30px;height:20px;border-radius:2px;padding-left: 3px}
.app-pager .app-pager-go{width:40px;height:20px;float:left;text-align:center;line-height:20px;background-color:#64c97c;margin-left:5px;cursor:pointer;color:#FFFFFF;}
.app-pager .app-pager-go:hover{background-color:#2d9a47;}
.app-pager .app-pager-msg{width:150px;height:20px;text-align:center;line-height:20px;float:left;white-space:nowrap;}
.app-pager .app-pager-disabled{cursor:auto;color: #c1c1c1;}
/*.app-pager .app-pager-nextpre-background{background-color:#41bfe2;}*/
/*.app-pager .app-pager-nextpre-background:hover{background-color:#0d9cc4;}*/
.app-pager .app-pager-nextpre-disabled{color:#C1C1C1;cursor:auto;}
.app-pager .app-pager-msg-input{width:30px;height:20px;border-radius:2px;padding-left:3px;margin:0 4px 0 4px;}
.app-pager-msg-color{font-size:14px;color:#41bfe2;}
/*----------input----------*/
.form-control{height: 27px; box-shadow:none; padding: 0 12px;}
.form-control:focus{border-color: #3b4837; outline: 0; box-shadow: none; padding: 0 12px;}
/*-------button--------*/
.app-button{float:right;margin-right:10px;border-radius:0;text-align:center;color:#FFFFFF;padding: 0 10px 0 10px;}
.app-button:hover{cursor:pointer;}
.app-button-big{min-width:80px;height:30px;line-height:30px;font-size:15px;}
.app-button-middle{min-width:60px;height:25px;line-height:25px;font-size:12px;}
.app-button-green{background-color:#64c97c;}
.app-button-green:hover{background-color:#2d9a47;}
.app-button-red{background-color:#ef6464;}
.app-button-red:hover{background-color:#c63636;}
.app-button-blue{background-color:#41bfe2;}
.app-button-blue:hover{background-color:#0d9cc4;}
.app-button-gray{background-color:#888888;}
.app-button-disabled{background-color:#999999;}
.app-button-disabled:hover{background-color:#999999;}
/*------box------------*/
/*------box------------*/
.app-box{position:absolute;height:180px;width:320px;border-radius:0;background:transparent;padding:0;margin:0;border:0;-webkit-box-shadow: 3px 3px 10px #000000;-moz-box-shadow: 3px 3px 10px #000000;box-shadow: 3px 3px 10px #000000;}
.app-box .app-box-head{height:24px;width:100%;cursor:move;border-top-left-radius:0;border-top-right-radius:0;position:absolute;top:0;left:0;opacity:0.9;border:0;}
.app-box .app-box-head .app-box-head-title{width:80px;height:100%;margin-top:3px;margin-left:5px;float:left;font-size:11px;color:#FFFFFF;white-space:nowrap;}
.app-box .app-box-head .app-box-head-button{float:right;width:100px;height:100%;margin-right:4px;}
.app-box .app-box-head .app-box-head-button .app-box-head-button-btn{cursor:pointer;float:right;margin-top:2px;}
.app-box .app-box-content{width:100%;position:absolute;top:23px;left:0;overflow:hidden;opacity:0.7;border-bottom-left-radius:0;border-bottom-right-radius:0;padding:0;border:0;margin:0;overflow:hidden;}
.app-box .app-box-alert-image{padding-top:18px;width:80px;height:80px;position:absolute;margin-left:10px;}
.app-box .app-box-message{width:200px;height:auto!important;height:40px;min-height:40px;position:absolute;margin-top:38px;left:100px;word-wrap:break-word;font-size:13px;}
.app-box .app-box-button{width:100px;height:30px;position:absolute;width:90%;bottom:13px;right:10px;}
.app-box .app-box-prompt-text{height:25px;position:absolute;top:45px;left:10px;}
.app-box .app-box-prompt-text input{width:100%;height:100%;}
.app-box .app-box-button-btn-sure{background-color:#92C622;display:none;}
.app-box .app-box-button-btn-sure:hover{background-color:red;cursor:pointer;}
.app-box .app-box-button-btn-cancel{background-color:#60BFD9;display:none;}
.app-box .app-box-button-btn-cancel:hover{background-color:red;cursor:pointer;}
.app-box .app-box-button-btn-yes{background-color:#92C622;display:none;}
.app-box .app-box-button-btn-yes:hover{background-color:red;cursor:pointer;}
.app-box .app-box-button-btn-no{background-color:#60BFD9;display:none;}
.app-box .app-box-button-btn-no:hover{background-color:red;cursor:pointer;}
.app-box-head-spe{background-color: #0591d2;}
.app-box-content-spe{background-color: #e5e5e5;}
/*------panal----------*/
.app-panal-spe{background-color: #26b5ce;}
.app-panal-head-spe{background-color: #0591d2;}
.app-panal-background-spe{background-color: #f1f1f1;}
.app-panal-font-spe{font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;color: black}
.app-panal{position: absolute; height: 300px; width: 400px; border-radius: 0; padding: 0; margin: 0; background-color: transparent; -webkit-box-shadow: 0 1px 3px #dedede;; -moz-box-shadow: 0 1px 3px #dedede;; box-shadow: 0 1px 3px #dedede;;}
.app-panal .app-panal-head{height: 26px; width: 100%; cursor: move; border-top-left-radius: 0; border-top-right-radius: 0; position: absolute; top: 0; left: 0; opacity: 0.9; border: 0; margin: 0;}
.app-panal .app-panal-inactive{background-color: #A9A9A9;}
.app-panal .app-panal-head .app-panal-head-title{width: 80px; height: 100%; margin-left: 5px; float: left; font-size: 11px; color: #FFFFFF; white-space: nowrap; line-height: 23px; vertical-align: middle;}
.app-panal .app-panal-head .app-panal-head-button{float: right; width: 100px; height: 100%; margin-right: 5px;}
.app-panal .app-panal-head .app-panal-head-button .app-panal-head-button-btn{cursor: pointer; float: right; margin-top: 2px;}
.app-panal .app-panal-head .app-panal-head-button-distence{margin-right: 3px;}
.app-panal .app-panal-content-container{width: 100%; background: transparent; position: absolute; top: 24px; left: 0; overflow: hidden; border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding: 0;}
.app-panal .app-panal-content{position: absolute; top: 0; left: 0; padding: 0; overflow: hidden;}
.app-panal .app-panal-point{width: 15px; height: 16px; border-right: 15px solid; border-left: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; position: absolute;}
.app-panal .app-panal-background{width: 100%; position: absolute; top: 24px; bottom: 0; left: 0; overflow: hidden; border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding: 0;}
/*------mask-----------*/
.app-mask{position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0.5; background-color: #FFFFFF; display: none;}
.app-popup{position: absolute; height: 300px; width: 400px; border-radius: 5px; padding: 0; margin: 0; background-color: transparent;}
.app-popup .app-popup-head{height: 41px; width: 100%; cursor: move; border-top-left-radius: 0; border-top-right-radius: 0; position: absolute; top: 0; left: 0; border-bottom: 1px solid; margin: 0; padding: 0;}
.app-popup .app-popup-head .app-popup-head-icon-tab{float: left; width: 100px; height: 100%; padding-left: 10px; position: absolute;}
.app-popup .app-popup-head .app-popup-head-button{float: right; width: 32px; height: 100%; margin-right: 4px;}
.app-popup .app-popup-head .app-popup-head-button .app-popup-head-button-btn{cursor: pointer; float: right; margin-top: 10px;}
.app-popup .app-popup-content-container{width: 100%; position: absolute; top: 41px; left: 0; overflow: hidden; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top-right-radius: 0; padding: 0;}
.app-popup .app-popup-content{position: absolute; top: 0; left: 0; padding: 0; margin: 3px; overflow: hidden;}
.app-popup .app-popup-head-item{float: left; width: 39px; height: 100%; padding: 5px; margin-left: 5px;}
.app-popup .app-popup-head-item-icon{height: 30px; width: 29px; position: relative; overflow: hidden; display: block; cursor: pointer;}
.app-popup .app-popup-point{width: 15px; height: 16px; border-right: 15px solid; border-left: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; position: absolute;}
.app-popup .app-popup-inactive{background-color: #A9A9A9;}
/*------tip----------*/
.app-tip{position:absolute;height:30px;z-index:600000;}
.app-tip .app-tip-icon {position:absolute;top:2px;;width:16px;height:16px;margin:5px;}
.app-tip .error .app-tip-icon {background:url(images/tip/error.png);}
.app-tip .success .app-tip-icon {background:url(images/tip/success.png);}
.app-tip .loading .app-tip-icon {background:url(images/tip/loading.gif);}
.app-tip .app-tip-text {padding-left: 25px; padding-top: 4px;font-size: 13px;letter-spacing: 1px;}
.app-tip .app-tip-full-text {padding-left: 25px; padding-top: 4px;font-size: 13px;letter-spacing: 1px;display:none;}
